<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
<!--    style 可以放在任意地方-->
    <link rel="stylesheet" href="style.css">
    <style>
        p{
            color: rebeccapurple;
            font-size: 30px;
        }
    </style>
    <title>Document</title>
</head>
<body>

    <p style="font-size: 50px;color: salmon">这是一个段落</p>
    <p>我是一个段落</p>

    <div class="one" >第一个div</div>
    <div class="two">第二个div</div>
    <div class="three">第三个div</div>
    <div id="four">第四个div</div>

    <ol>
       <li>aaa</li>
       <li>bbb</li>
       <li>ccc</li>
    </ol>


    <ul  >
        <li>aaa</li>
        <li>bbb</li>
        <li>ccc</li>
    </ul>

    <ul  class="ul1">
        <li>aaa</li>
        <li>bbb</li>
        <li>ccc</li>
    </ul>

    <ol class="ol1">
        <li>时候</li>
        <li>是啥</li>
        <li>存储</li>
        <ul>
            <li>5555</li>
            <li>ssss</li>
        </ul>
    </ol>


    <div class="five">
        <a href="#" class="six">百度</a>
        <span>
            <a href="#" class="seven">搜狗</a>
        </span>
    </div>

    <div class="eight">这是一个div8</div>

    <p id="p1"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium adipisci asperiores consequuntur debitis delectus dicta eligendi esse ipsam mollitia, nesciunt placeat quasi quo reprehenderit soluta sunt tenetur, totam vitae voluptas. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad adipisci aperiam architecto asperiores beatae, cum est fuga iste maiores molestias natus sapiente sed tempora tempore veritatis. A eaque quaerat vero?</p>
    <p id="p2"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium adipisci asperiores consequuntur debitis delectus dicta eligendi esse ipsam mollitia, nesciunt placeat quasi quo reprehenderit soluta sunt tenetur, totam vitae voluptas. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad adipisci aperiam architecto asperiores beatae, cum est fuga iste maiores molestias natus sapiente sed tempora tempore veritatis. A eaque quaerat vero?</p>


<div class="nine">
    我是个div

</div>

    <div class="ten">
        我是个div
        <div class="eleven">
            我是div11
        </div>
    </div>


</body>
</html>